/*设置input的placeholder字体颜色*/
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #b2b2b2;
  font-size: 0.32rem;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #b2b2b2;
  font-size: 0.32rem;
}
input:-ms-input-placeholder{
  color: #b2b2b2;
  font-size: 0.32rem;
}
input::-webkit-input-placeholder{
  color: #b2b2b2;
  font-size: 0.32rem;
}

.exchangeCoupon{
	padding: 0.62rem 0.3rem 0 0.3rem;
}
.exchangeCoupon .couponCode{
	position: relative;
	width: 100%;
	height: 0.88rem;
	background: #f5f5f5;
}
.exchangeCoupon .couponCode>input{
	width: 100%;
	height: 100%; 
	font-size: 0.32rem;
	color: #181a1f;
	border: none;
	padding-left: 0.2rem;
	background: transparent;
	outline: none;
}
.exchangeCoupon .clear{
	position: absolute;
	right: 0.16rem;
	top: 0.3rem;
	width: 0.3rem;
	height: 0.3rem;
}
.exchangeCoupon .clear>img{
	display: block;
	width: 0.3rem;
	height: 0.3rem;
}

.exchangeCoupon .exchange{
	width: 100%;
	text-align: center;
	font-size: 0.32rem;
	color: #fff;
	background: #333;
	padding: 0.31rem 0;
	border: 1px solid #dbdbdb;
	margin-top: 0.3rem;
}

.exchangeCoupon .promptMsgBox{
	width: 100%;
	text-align: center;
	margin-top: 2.14rem; 
}
.exchangeCoupon .promptMsg{
	display: inline-block;
	font-size: 0.3rem;
	color: #fff;
	background: rgba(0,0,0,.6);
	padding: 0.35rem 0.55rem;
}

.exchangeCoupon .fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.exchangeCoupon .fade-enter, .fade-leave-to /* .fade-leave-active in below version 2.1.8 */ {
  opacity: 0
}








